<template>
  <div>
    <div class="section">
      <div class="banner">
        <img
          :src="list1.cover"
          alt=""
        />
      </div>
      <!-- price -->
      <div class="prices">
        <p>{{list1.goods_name}}</p>
        <div class="prices_price">
          <h2>￥<span>{{list1.sell_price}}</span></h2>
          <h3>市场价：￥<span>{{list1.market_price}}</span></h3>
        </div>
      </div>
      <!-- am-list -->
      <ul class="am-list sku_attr">
        <li><strong>编号：</strong>{{list1.goods_no}}</li>
        <li><strong>品牌：</strong>维纳斯</li>
        <li><strong>配送：</strong> 送货上门（指定日期送鲜花、蛋糕上门）</li>
        <li>
          <strong>花材：</strong>{{list1.ware_dec}}
        </li>
        <li>
          <strong>包装：</strong>浅粉色韩素纸包装，白色雪梨纸内衬，黑色丝带结扎
        </li>
        <li><strong>花语：</strong>无</li>
        <li>
          <!-- <a
            class="extra_link"
            style="border: 1px solid #ff6600; color: #ff6600"
            href="javascript:;"
            >查看商品详情</a
          > -->
          <router-link
            class="extra_link"
            style="border: 1px solid #ff6600; color: #ff6600"
            href="javascript:;"
            :to="`/dinfo`"
          >查看商品详情</router-link>
        </li>
      </ul>
      <!-- 点评 -->
      <div>
        <!-- <a class="list_title" href="javascript:;">
          商品点评 <span class="lmore">更多&gt;&gt;</span></a
        > -->
        <router-link class="list_title" :to="`/score`">
          商品点评
          <span class="lmore">更多&gt;&gt;
          </span>
        </router-link>
      </div>
      <ul class="score">
        <li>
          <div class="am">
            <van-rate v-model="value" readonly :size="14" color="#ffd21e" />
            <span>陈*星</span>
          </div>
          <div class="pinglun">
            <p>
              很好的，谢谢啦，写错位置了，快递小哥耐心的按照收货人的指示送到了新的地址，谢谢啦
            </p>
          </div>
          <div class="img">
            <img
              :src="list1.cover"
              alt=""
            />
          </div>
        </li>
        <li>
          <div class="am">
            <van-rate v-model="value" readonly :size="14" color="#ffd21e" />
            <span>张*华</span>
          </div>
          <div class="pinglun">
            <p>店家的花很nice！服务也很好</p>
          </div>
          <!-- <div class="img">
            <img
              src="http://res.xiangsidi.com///attachment/goods/800/201905/5cdd274e8eba4.jpg@640h_640w_0e"
              alt=""
            />
          </div> -->
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import { Rate } from "vant";
import {mapMutations,mapState} from 'vuex'

Vue.use(Rate);
export default {
  
  data() {
      return {
          value: 5
      }
  },
  computed: {
    // list1() {
    //   return this.$store.state.detail.xqlist
    // }
    ...mapState({
      list1:state=>state.detail.xqlist
    })
  },
  created () {
    console.log(this.$store.state.detail.xqlist);
  },
};
</script>

<style src="../assets/css/detail.css" scoped></style>
<style src="../assets/css/reset.css" scoped></style>
<style src="../assets/font/iconfont.css" scoped></style>